<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="robots" content="index, follow">
    <meta name="keywords" content="HTML5 Template, Themeforest, agency, blog, business, clean, corporate, creative, modern, one page, photography, portfolio">
    <meta name="description" content="Discover Oscarthemes - Business HTML5 Template, responsive Bootstrap templates, & HTML templates">
    <meta name="theme-color" content="#4b6fff">
    <title>EasyPad</title>
    <!-- Bootstrap -->
    <link href="static/css/bootstrap.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link href="static/css/animate.css" rel="stylesheet">
    <!-- Flat Icon CSS -->
    <link href="static/css/svg.css" rel="stylesheet">
    <!-- Slick Slider CSS -->
    <link href="static/css/slick.css" rel="stylesheet">
    <!-- Responsive Menu css -->
    <link rel="stylesheet" href="static/css/responsivemenu.css">
    <!-- Typography CSS -->
    <link href="static/css/typography.css" rel="stylesheet">
    <!-- Widget Css -->
    <link href="static/css/widget.css" rel="stylesheet">
    <!-- Short Code CSS -->
    <link href="static/css/shortcode.css" rel="stylesheet">
    <!-- Custom Style CSS -->
    <link href="static/css/style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="static/css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="static/css/responsive.css" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="144x144" href="static/images/bitbug_favicon.ico" />

    <style>
        #download{
            margin-right: 10px;
        }
        #android {
            margin-right: 250px;
        }
        
    </style>
</head>

<body class="grad-version" id="home">
    <!-- LOADER -->
    <div id="loader-overflow">
        <div id="loader3" class="loader-cont">Please enable JS</div>
    </div>
    <div class="main-wrapper">
        <!-- Header Start -->
        <header id="header" class="oscar-header-4">
            <!-- Navigation Outer Wrap Start -->
            <div class="nav-outer sticky-header">
                <div class="container">
                    <!-- Logo Start -->
                    <h1 class="logo">
                        <a href="index.html" title="oscarthemes">
                            <img src="static/picture/logo.png" alt="oscarthemes">
                        </a>
                    </h1>
                    <!-- /Logo End -->
                    <div class="pull-right menu-holder">
                        <div class="mobile-menu"></div>
                        <div id="opg-nav" class="main-menu navigation">
                            <nav>

                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Navigation Outer Wrap End -->
        </header>
        <!-- /Header End -->
        <!-- Static Banner Wrap -->
        <div class="main-banner">
            <div class="container">
                <div class="row">
                    <div data-aos="fade-right" class="col-md-6 col-sm-6">
                        <div class="banner-caption-wrap">
                            <h1 class="banner-title">一个简单强大</br> <span>的记事本</span></h1>
                            <p>升级您的体验</p>
                            <div class="newsletter-widget">
                                <div id="mc_embed_signup" class="input-field nl-form-container clearfix">
                                    <form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletterform validate" target="_blank" novalidate>
                                        <div style="position: absolute; left: -5000px;">
                                            <input type="text" name="b_224c3c7777919c909b29129f9_4f4eeeae5b" tabindex="-1" value="">
                                        </div>
                                        <label class="search-icon form-inline">
                                                <a style="float:left" class="btn th-bg" id="download"  download="EasyPadStartup.exe" href="https://gitee.com/WD_MoonMoonBird/EasyPad/attach_files/923369/download/EasyPadStartup.exe" >电脑版下载</a>
                                                <a style="float:left" class="btn th-bg" id="android"  download="EasyPadStartup.exe" href="https://gitee.com/WD_MoonMoonBird/easypad-android/attach_files/1079544/download/EasyPad%20For%20Android.apk" >安卓版下载</a>
									    </label>
                                        
                                    </form>
                                    <div id="notification_container"></div>
                                </div>
                                <!-- /Input Field End-->
                            </div>
                            <!-- / Ul -->
                        </div>
                    </div>
                    <div data-aos="fade-left" class="col-md-6 col-sm-6">
                        <div class="banner-thumb">
                            <img src="static/picture/banner-img.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Static Banner Wrap -->
        <!-- oscar Contant Wrapper Start-->
        <div id="main-contant" class="main-contant">
            <!-- Featured Section Start -->
            <section class="">
            </section>
            <section id="about-us">
                <div class="container">
                    <div class="row d-lg-flex align-items-lg-center">
                        <div data-aos="fade-right" data-aos-delay="500" class="col-md-6 col-sm-6">
                            <div class="about-caption-3">
                                <h3 class="title">简约 <br> </h3>
                                <p>简洁的界面，赏心悦目，可选择多种主题</p>
                            </div>
                        </div>
                        <div data-aos="fade-left" class="col-md-6 col-sm-6">
                            <div class="shadow-thumb">
                                <figure><img src="static/picture/img1.png" alt=""></figure>
                            </div>
                        </div>
                    </div>
                    <div class="row d-lg-flex align-items-lg-center">
                        <div data-aos="fade-left" class="col-md-6 col-sm-6">
                            <div class="shadow-thumb">
                                <figure><img src="static/picture/img2.png" alt=""></figure>
                            </div>
                        </div>
                        <div data-aos="fade-right" data-aos-delay="500" class="col-md-6 col-sm-6">
                            <div class="about-caption-3">
                                <h3 class="title">高效</h3>
                                <p>最快的时间，完成最多的工作</p>
                            </div>
                        </div>
                    </div>
                    <div class="row d-lg-flex align-items-lg-center">
                        <div data-aos="fade-right" data-aos-delay="500" class="col-md-6 col-sm-6">
                            <div class="about-caption-3">
                                <h3 class="title">强大</h3>
                                <p>强大的功能，简约而不简单，支持MarkDown</p>
                            </div>
                        </div>
                        <div data-aos="fade-left" class="col-md-6 col-sm-6">
                            <div class="shadow-thumb">
                                <figure><img src="static/picture/img3.png" alt=""></figure>
                            </div>
                        </div>
                    </div>
                </div>
            </section>



        </div>
        <!--/Main Contant End-->
        <footer id="contact" class="osr-footer-2 dark-black">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <!-- Widget Nav Menu Start -->
                        <div class="widget widget_about">
                            <div class="widget-title">
                                <h5 class="title">开源</h5>
                            </div>
                            <!-- /Widget Title -->
                            <div>
                                <p>EasyPad现已开源,欢迎访问Gitee项目仓库</p>


                                <ul>
                                    <li>
                                        <a href="https://gitee.com/WD_MoonMoonBird/EasyPad.git"><img src="static/picture/gitee.svg" alt=""></a>
                                    </li>
                                    <li>
                                        <a href="https://gitee.com/WD_MoonMoonBird/easypad-android.git"><img src="static/picture/gitee.svg" alt=""></a>
                                    </li>
                                </ul>
                                <!-- /Social List End-->
                            </div>
                        </div>
                        <!-- /Widget Nav Menu End -->
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <!-- Widget Nav Menu Start -->

                        <!-- /Widget Nav Menu End -->
                    </div>

                </div>
            </div>
            <!-- / Container -->
        </footer>
        <!-- / Footer 1 -->
        <div class="copy-right light-black-bg">
            <div class="container">
                <div class="pull-left">
                    <p>Copyright &copy; 2022.EasyPad
                    </p>
                </div>
                <div class="pull-right">

                    <!-- / Ul -->
                </div>
            </div>
        </div>
        <!-- /Copyright End-->
    </div>
    <!-- /Main Wrapper End-->
    <!-- jQuery -->
    <script src="static/js/js-bundle.js"></script>
    <!--Custom Script-->
    <script src="static/js/custom.js"></script>
</body>

</html>